<script lang="ts" setup>
const { type } = defineProps(['type'])

</script>

<template>
  <div absolute bottom-0 left-0 w-full>
    <!-- 底部 -->
    <div w-full flex flex-col items-center justify-center>
      <span text-12px color="#aaaaaa">—更多登录方式—</span>
      <OAuth mb-8px :type='type' />
    </div>
    <div w-full h-44px flexc style="background-color: rgba(77, 85, 93, 0.1)">
      <span select-none absolute z-100 color="#404040">
        还没账号？
        <span text-btn color="#5ebae2">{{ type === 'login' ? '注册' : '登录' }}</span>
      </span>
    </div>
  </div>
</template>

<style lang="less" scoped></style>
